.tableContainer {padding: 5px; margin-bottom: 5px}
.tableContainer table {border-collapse: collapse}
.tableContainer .textInput {border: 1px solid white}
.tableContainer th .textInput {border: 1px solid silver}
.tableContainer th a {text-decoration: none; font-family: courier new; font-size: 0.7em;}
.tableContainer th a, .tableContainer th a:visited {color: darkblue}
.tableContainer th.focused a, .tableContainer th.focused a:visited {color: white}
.tableContainer th.focused a:hover, .tableContainer th.focused a:hover {color: yellow}
.tableContainer th a:hover {color: darkred}
.tableContainer td.focused, th.focused, .tableContainer .headerRow th.focused, .tableContainer .dataRow th.focused {background-color: darkred}
.tableContainer td, .tableContainer th {padding: 2px}
.tableContainer td, .tableContainer table  {border: 1px solid darkgray}
.tableContainer th {background-color: #eee}
.tableContainer .dataRow th {border-top: 1px solid darkgray}
.tableContainer .headerRow th.colHeader {border-left: 1px solid darkgray}
.tableContainer .headerRow th {border-bottom: 2px solid darkred}
/*
.tableContainer .headerRow th {background-image: url(images/xtbl_top.png); background-repeat: repeat-both; background-position: bottom left}
.tableContainer .dataRow th {background-image: url(images/xtbl_left.png); background-repeat: repeat-both; background-position: top right}
.tableContainer .headerRow th.focused {background-image: url(images/xtbl_top_focus.png);}
.tableContainer .dataRow th.focused {background-image: url(images/xtbl_left_focus.png);}
*/
.tableContainer th.corner {text-align: right; vertical-align: bottom}